/* my.css Mar/19/2020 */

/* Configuration of VIS Colors */
/* This is for the extra line under the site title */
.vis-my-font {font-family: "Comic Sans MS", cursive, sans-serif;}
 
/* For colors below - Hex values can be used - example #ff0000 for red - available colors at https://www.w3schools.com/colors/colors_hex.asp */
.vis-alert-txt {color: red;}
.vis-header-txt {color:#ffc107;}
.vis-cond-txt {color: white;}

/* Color of the Current Conditions headers */
.vis-curr-cond-header {color: #4CAF50;} /* default #4CAF50 */
 
/* Menu and Footer background color. Note - very dark colors may require changing text color to white - #fff */
.vis-menu-back {color: #000; background-color: #ddffdd;} /* default #ddffdd */

/* Background color for all pages. See Note above. */
.vis-page-back {color: #000; background-color: #ffffcc;} /* default #ffffcc */

/* Background color for Records table headers. See Note above. */
.vis-tbl-hdr {color: #000; background-color: #ffdddd;} /* default #ffdddd */

/* Background color for Records table hover. See Note above. */
.vis-tbl-hover:hover {color: #000; background-color: #ddffdd;} /* default #ddffdd */
/* END VIS COLOR CONFIGURATION - NO CONFIGURATION BELOW */

table{
font-family:Arial;
font-size:20px;
color:#000000;
font-weight:normal;
text-align:left;
width:100%;
}
td{
font-family:Arial;
font-size:20px;
color:#000000;
font-weight:normal;
text-align:left;
padding:5px;
}
th{
font-family:Arial;
font-size:20px;
color:#000000;
font-weight:normal;
text-align:left;
}
th.pc{
font-family:Arial;
font-size:20px;
background-color:#F5F5F5;
font-weight:normal;
text-align:center;	
}
td.pc{
font-family:Arial;
font-size:20px;
background-color:#F5F5F5;
font-weight:normal;
text-align:center;	
}
th.date{
font-family:Arial;
font-size:18px;
color:#000000;
font-weight:normal;
text-align:right;
}
th.hdd{
font-family:Arial;
font-size:20px;
color:#C00000;
font-weight:bold;
text-align:center;
}
th.cdd{
font-family:Arial;
font-size:20px;
color:#0066FF;
font-weight:bold;
text-align:center;
}
td.hdd{
font-family:Arial;
font-size:20px;
color:#C00000;
font-weight:normal;
text-align:right;
}
td.cdd{
font-family:Arial;
font-size:20px;
color:#0066FF;
font-weight:normal;
text-align:right;
}
th.hc{
font-family:Arial;
font-size:20px;
background-color:#FF0000;
font-weight:normal;
text-align:center;
}
th.lc{
font-family:Arial;
font-size:20px;
background-color:#0066FF;
font-weight:normal;
text-align:center;
}
th.chill{
font-family:Arial;
font-size:20px;
background-color:#FFFFCC;
font-weight:normal;
text-align:center;
}
th.heat{
font-family:Arial;
font-size:20px;
background-color:#FFFFCC;
font-weight:normal;
text-align:center;
}
th.hh{
font-family:Arial;
font-size:20px;
background-color:#FFFFCC;
font-weight:normal;
text-align:center;
}
th.cl{
font-family:Arial;
font-size:20px;
background-color:#FFFFCC;
font-weight:normal;
text-align:center;
}
th.wind{
font-family:Arial;
font-size:20px;
background-color:#FFFFCC;
font-weight:normal;
text-align:center;
}
th.wg{
font-family:Arial;
font-size:20px;
background-color:#DEBD59;
font-weight:normal;
text-align:center;
}
th.rain{
font-family:Arial;
font-size:20px;
background-color:#FFFFCC;
font-weight:normal;
text-align:center;
}
th.ra{
font-family:Arial;
font-size:20px;
background-color:#A0FFFF;
font-weight:normal;
text-align:center;
}
td.hc{
font-family:Arial;
font-size:20px;
background-color:#FFE4E1;
font-weight:normal;
text-align:right;
}
td.lc{
font-family:Arial;
font-size:20px;
background-color:#F0F8FF;
font-weight:normal;
text-align:right;
}
td.hh{
font-family:Arial;
font-size:20px;
color:#FF000;
background-color:#FFFFCC;
font-weight:normal;
text-align:right;
}
td.cl{
font-family:Arial;
font-size:20px;
color:#0066FF;
background-color:#FFFFCC;
font-weight:normal;
text-align:right;
}
td.wg{
font-family:Arial;
font-size:20px;
background-color:#DEBD59;
font-weight:normal;
text-align:right;
}
td.ra{
font-family:Arial;
font-size:20px;
background-color:#A0FFFF;
font-weight:normal;
text-align:right;
}
p.rtf{
font-family:Arial;
font-size:26px;
color:#000000;
font-weight:normal;
text-align:left;
}

.resp-container-gauges {
	position: relative;
	overflow: hidden;
	padding-top: 61.40%;
}
.resp-container-records {
	position: relative;
	overflow: hidden;
	padding-top: 150.25%;
}
.resp-container-fire {
	position: relative;
	overflow: hidden;
	padding-top: 85%;
}
.resp-container-about {
	position: relative;
	overflow: hidden;
	padding-top: 65%;
}
.resp-container-history {
	position: relative;
	overflow: hidden;
	padding-top: 135.5%;
}
.resp-container-extremes {
	position: relative;
	overflow: hidden;
	padding-top: 150.5%;
}
.resp-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	Height: 100%;
	border: 0;
}
@media (max-width:1102px) and (min-width:601px){.my-hide-medium{display:none!important}
}